<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>Hello APP</title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
    <script src="https://cdn.bootcss.com/vue/2.5.17-beta.0/vue.min.js"></script>
    <style>
    .box {
        text-align: center;
        background: #fff;
        padding: 10px 5px;
    }

    .box img {
        display: block;
        width: 100%;
        padding: 5px
            /*margin-left: 10%;*/
    }
    .nav{
    	height: 56px;
    	border-bottom: #dbdbdb solid 1px;
    	background: #fff;
    	color: #000;
    }
    .more {
    	color: #000;
    }
    </style>
</head>

<body>
    <header class="aui-bar aui-bar-nav nav">
        <div class="aui-title">专题推荐</div>
        <a class="aui-pull-right more">
        	<span class="more">更多</span>
        	<i class="aui-iconfont aui-icon-right more"></i>
    	</a>
    </header>
    <section id="app">
        <div class="aui-row box">
            <div class="aui-col-xs-4">
                <img src="../image/1.png">
                <!-- <div>推荐</div> -->
            </div>
            <div class="aui-col-xs-4">
                <img src="../image/2.png">
                <!-- <div>2</div> -->
            </div>
            <div class="aui-col-xs-4">
                <img src="../image/3.png">
                <!-- <div>3</div> -->
            </div>
        </div>
    </section>
</body>
<script src="../../script/api.js"></script>
<script>
apiready = function() {
    new Vue({
        el: '#app',
        data: {
            type: 'C'
        },
        methods: {

        },
        mounted: function() {}
    })
};
</script>

</html>